<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.js"></script>
    <script>
        // 请求地址和请求方法永远不变
        axios({
            url: 'http://localhost:4000/graphql',
            method: 'POST',
            data: {
                // 查询
                query: `
                { name }
                `,
                // 修改
                // query: `
                // mutation updateArticle($id: ID!, $article: UpdateArticleInput) {
                //     updateArticle(id: $id, article: $article) {
                //         id
                //         title
                //         body
                //     }
                // }
                // `,
                // 删除
                // query: `
                // mutation deleteArticle($id: ID!) {
                //     deleteArticle(id: $id) {
                //         status
                //     }
                // }
                // `,
                // variables中定义的变量在服务端会通过$变量名来对query对应的拼接
                variables: {
                    id: 2,
                    article: {
                        title: 'aaa',
                        body: 'bbb'
                    }
                },
                headers: {
                    'Content-Type': 'application/json'
                }
            },
        }).then(res => console.log(res))
    </script>
</body>
